<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>长途汽车管理系统</title>
    <link rel="stylesheet" href="../css/plugins/bootstrap.min.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/plugins/bootstrap.min.js"></script>
</head>
<body style="background-color: #f1f1f1">
<nav class="nav navbar-inverse">
    <div class="container-fluid">
        <!-- Header -->
        <div class="navbar-header">
            <a class="navbar-brand" href="index.html">长途汽车购票系统</a>
        </div>
        <!-- Items -->
        <ul class="nav navbar-nav navbar-right">
            <li>
                <a href="index.html">
                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>&nbsp; 购票
                </a>
            </li>
            <li id="welcomeText">
                <a href="#">欢迎您 :<span id="user"></span></a>
            </li>
            <li id="userBtn">
                <a href="perInfo.html">
                    <span class="glyphicon glyphicon-user" aria-hidden="true"></span>&nbsp; 个人中心
                </a>
            </li>
            <li id="orderBtn">
                <a href="orderlist.html">
                    <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>&nbsp; 我的订单
                </a>
            </li>
            <li id="mailboxBtn">
                <a href="mailbox.html">
                    <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>&nbsp; 我的信箱
                </a>
            </li>
            <li id="logoutBtn">
                <a href="javascript:void(0)" onclick="returnIndex()">
                    <span class="glyphicon glyphicon-off" aria-hidden="true"></span>&nbsp; 退出
                </a>
            </li>
            <li id="loginBtn">
                <a href="login.html">
                    <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>&nbsp; 登录
                </a>
            </li>
        </ul>
    </div>
</nav>

    <style>
        .main {
            margin-top: 20px;
            margin-left: 50px;
            margin-right: 50px;
        }
    </style>


    <div class="main">

        <table id="orders_table" class="table table-striped table-bordered">
            <thead>
            <tr>
                <th style="text-align: center">车次号</th>
                <th style="text-align: center">起始地</th>
                <th style="text-align: center">目的地</th>
                <th style="text-align: center">发车时间</th>
                <th style="text-align: center"> 到达时间</th>
                <th style="text-align: center">价格</th>
                <th style="text-align: center">状态</th>
                <th style="text-align: center">操作</th>
            </tr>
            </thead>
            <tbody style="text-align: center">

            </tbody>
        </table>
    </div>
<script src="../js/page/orderlist.js"></script>
<script src="../js/custom.js"></script>

</body>
</html>